/*
 * @Author: Xiyw 
 * @Date: 2020-04-05 19:31:42 
 * @Last Modified by: Xiyw
 * @Last Modified time: 2020-04-26 23:45:42
 */
/* 头部信息 */
.header{
    width:1349px;
    height: 36px;
    box-shadow: 0 1px 0 0 #eee;
    margin:0 auto;
}
.header_content{
    width:1150px;
    height:36px;
    margin:0 auto;
}
.header_left{
    float: left;
}
.header_left>span{
    font-size: 12px;
    line-height: 36px;
    padding-right: 19.25px;
    display: inline-block;
    color:#9b9b9b;
    cursor: pointer;
}
.header_left>a>span{
    font-size: 12px;
    line-height: 36px;
    padding-right: 19.25px;
    display: inline-block;
    color:#9b9b9b;
    cursor: pointer;
}
.header_left>a>span:hover{
    color:#00a75b;
}
.header_left>span:hover{
    color:#00a75b;
}
.header_left>a:nth-of-type(2)>span{
    color:#151515;
}
.header_left>a:nth-of-type(2)>span:hover{
    color:#00a75b;
}
.header_left>span:nth-child(2):hover{
    color:#00a75b;
}
.header_right{
    float: right;
    line-height: 36px;
    font-size: 12px;
    color: #9c9fa1;
}
.header_right>span:first-child{
    border-right: 1px solid #ccc;
    color:#999;
    padding:1px 5px;
    padding-right:23px;
    border-right:1px solid #d8d8d8;
}
.header_right>span:nth-child(2){
    margin-left:21px;
}
.header_right>span:nth-child(2)>span{
    cursor:pointer;
}
.header_right>span:nth-child(2)>span:hover{
    color:#00a75b;
}
.header_right>span:nth-child(2)>span:nth-child(2){
    margin-left: -3px;
}
.header_right>span:nth-child(2)>span:first-child{
    margin-right: -0.55px;
}
/* 新房导航 */
.xinfang_nav{
    width:1349px;
    height:87px;
    line-height: 85px;
    margin:0 auto;
}
.xingfang_nav_content{
    width:1150px;
    margin:0 auto;
}
.xingfang_nav_left{
    height: 86px;
    float: left;
}
.xingfang_nav_left>img{
    width:164px;
    height:30px;
    position: relative;
    top:8px;
    cursor:pointer;
}
.nav_border{
    width:1px;
    height:28px;
    margin:0 11px 5px 12px;
    background-color: #ccc;
    display: inline-block;
    vertical-align: middle;
}
.nav_city{
    width:44.5px;
    height:26px;
    padding:0 8px 0 7.5px;
    margin-bottom: 5px;
    line-height: 26px;
    border-radius: 2px;
    vertical-align: middle;
    border:1px solid #dfdfdf;
    font-size:14px;
    color:#666;
    display: inline-block;
    cursor:pointer;
}
.nav_city>span{
    border:4px solid transparent;
    border-top-color:#999; 
    position: relative;
    top:11px;
    right:-9px;
}
.nav_manu{
    display:inline-block;
    margin-left:85px;
}
.nav_manu>span{
    line-height: 85px;
    font-size:16px;
    margin-right: 25.2px;
    cursor:pointer;
}
.nav_manu>span:first-child{
    color:#5dbb85;
}
.xingfang_nav_right{
    float: right;
    position: relative;
    top:-1px;
}
.xingfang_nav_right>i{
    width:18px;
    height:14px;
    display:inline-block;
    position: relative;
    top:3px;
    margin-right: -2px;
    background-image: url(../images/Sprite-xf.png);
    background-position: -83px -10px;
}
.xingfang_nav_right>span{
    font-size: 14px;
    line-height: 85px;
    color:#39ac6a;
    font-weight:700;
}
/* 在线找房板块 */
.onlineSearch{
    width:1349px;
    height:444px;
    background: url(../images/banner.jpg) 50% no-repeat;
    position: relative;
    margin:0 auto;
}
.onlineSearch_lefttop{
    width:218px;
    height:72px;
    background-color: #263138;
    padding:20px 15px 17px;
    position: relative;
    z-index: 3;
}
.lefttop_jiaxing{
    width:127.617px;
    height:15px;
    line-height:15px;
    border:1px solid #dfdfdf;
    border-radius:2px;
    padding:0 8px;
    font-size:14px;
    color:#fff;
    margin-bottom:10px;
    vertical-align: middle;
    cursor: pointer;
}
.lefttop_jiaxing>i{
    width:15px;
    height:15px;
    background-image: url(../images/Sprite-xf.png);
    background-size: 710px 230px;
    background-position: -8px -10px;
    margin:0  6px 0 3px;
    display:inline-block;
    position: relative;
    top:-1px;
    right:-1px;
}
.lefttop_jiaxing>span:first-of-type{
    position: relative;
    top:-2px;
    right:-1px;
}
.lefttop_jiaxing>span:nth-of-type(2){
    border:4px solid transparent;
    border-top-color:#999;
    position: relative;
    top:9px;
    right:-9px;
}
.lefttop_bottom{
    width:213px;
    height:38px;
    line-height: 38px;
    color:#fff;
    font-size: 14px;
    text-align: center;
    background-color: #F15044;
    border-radius:2px;
    position: relative;
    top:18px;
    right:-2px;
    cursor: pointer;
}
.onlineSearch_map{
    width:248px;
    height:335px;
    background-image: url(../images/city_map.jpg);
    position: relative;
    top:0;
    left:0;
    cursor: pointer;
    z-index: 3;
}
.onlineSearch_map>span{
    font-size:12px;
    line-height:22px;
    color:#fff;
    position: absolute;
    bottom:15px;
    left:15px;
}
.onlineSearch_map>span>span{
    font-weight: 700;
}
.onlineSearch_index{
    width:200px;
    height:338px;
    background-color:rgba(57,172,106,.9);
    display: inline-block;
    padding:53px 16px 53px 30px;
    position: absolute;
    left:242px;
    top:0;
    z-index: 2;
}
.index_search{
    width:200px;
    height:57px;
}
.index_search>input{
    width:134px;
    height:36px;
    line-height:34px;
    padding:0 8px;
    border:1px solid #fff;
    background-color: #369d67;
    margin-bottom:20px;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 14px;
    color:#81BF9D;
    position: relative;
    top: -15px;
    left: 0;
    display: inline-block;
}
.index_search>i{
    width:38px;
    height:39px;
    display: inline-block;
    background-image: url(../images/Sprite-xf.png);
    background-position: -185px -10px;
    position: relative;
    left:-5px;
    cursor: pointer;
}
.index_item{
    width:200px;
    height:122.8px;
}
.index_txt{
    font-size: 12px;
    color:#fff;
    margin-bottom:15px
}
.index_border{
    width:70px;
    height:35px;
    line-height: 34px;
    margin-bottom:10px;
    margin-right:5px;
    padding:0 9px;
    border:1px solid #fff;
    color:#fff;
    display: inline-block;
    background-color: #369d67;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}
.index_border>i{
    width:9px;
    height:7px;
    background-image: url(../images/Sprite-xf.png);
    background-position: -60px -9px;
    display:inline-block;
    position: absolute;
    right:16px;
    top:50%;
    margin-top:-5px;
}
.index_bottom{
    width:190px;
    height:37px;
    line-height: 38px;
    background-color: #fff;
    color:#39ac6a;
    margin-top:31px;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    font-weight:700;
    cursor: pointer;
}
.onlineSearch_content{
    width:720px;
    height:100px;
    display: inline-block;
    background-image: url(../images/Sprite-xf.png);
    background-position: 0 -111px;
    position: absolute;
    top:185px;
    left:530px;
    cursor: pointer;
}
/* 推荐楼盘板块 */
.content_tjlp{
    width:1150px;
    margin:0 auto;
    padding:40px 0 50px;
}
.tjlp_header{
    width:1150px;
    height:39.1px;
    line-height: 39.1px;
    font-size: 34px;
    font-weight:700;
    text-align: center;
}
.tjlp_amount{
    font-size:12px;
    font-weight:700;
    position: relative;
    top:16px;
}
.tjlp_amount>span{
    color:#1f99f4;
    font-style: italic;
}
.tjlp{
    width: 1150px;
    position: relative;  
}
.tjlp>div:nth-child(1){
    float: left;
    margin-right: 62px;
}
.tjlp>div:nth-child(3){
    float:right;
}
.tjlp_content{
    position: relative;
    top:28px;
    display: inline-block;
    margin-bottom:64px;
}
.tjlp_content_img{
    width:342px;
    height:346px;
    background-image: url(../images/tjlp_1.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}
.tjlp_content_img .content_img_span{
    font-size:12px;
    color:hsla(0,0%,100%,.5);;
    position: absolute;
    top:12px;
    left:12px;
}
.tjlp_content_img .content_img_txt{
    width: 230px;
    font-size: 26px;
    font-weight: 700;
    color:#fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.2);
    margin:0 auto;
    z-index: 4;
    text-align: center;
    position: absolute;
    top:155px;
    left:56px;  
}
.content_img_footer{
    position: absolute;
    left: 0;
    bottom:18px;
    color:#fff;
    padding:0 18px;
}
.content_img_footer>i{
    width:13px;
    height:13px;
    display:inline-block;
    background-image: url(../images/Sprite-xf.png);
    background-position: -160px -9px;
}
.content_img_footer>span{
    font-size: 14px;
    position: relative;
    left:-5px;
}
.tjlp_content_sell{
    width:342px;
    height:16.1px;
    line-height: 16.1px;
    position: relative;
    top:10px;
    position: relative;
}
.content_sell_left{
    float:left;
    color:#f15044;
    font-size: 14px;
    font-weight:700;
    position: relative;
    top:1px;
}
.content_sell_right{
    width:28px;
    height:16.1px;
    line-height:16.1px;
    font-size: 14px;
    border:1px solid #ccc;
    color:#999;
    padding:1px 5px;
    float: right;
    position: relative;
    top:-2px;
    z-index: 3;
}
.tjlp_content_area{
    width:260px;
    height:20px;
    font-size:14px;
    position: relative;
    top:7px;
}
.content_tjlp>div:nth-child(3)>div:nth-child(2)>div:first-child{
    background-image: url(../images/tjlp_2.jpg);
}
.content_tjlp>div:nth-child(3)>div:nth-child(3)>div:first-child{
    background-image: url(../images/tjlp_3.jpg);
}
.content_tjlp>div:nth-child(4)>div:nth-child(1)>div:first-child{
    background-image: url(../images/tjlp_4.jpg);
}
.content_tjlp>div:nth-child(4)>div:nth-child(2)>div:first-child{
    background-image: url(../images/tjlp_5.jpg);
}
.content_tjlp>div:nth-child(4)>div:nth-child(3)>div:first-child{
    background-image: url(../images/tjlp_6.jpg);
}
.tjlp_ckgd{
    width:1150px;
    height:45px;
    line-height:45px;
    color:#797c7f;
    background-color: #ededee;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    position: relative;
    top:28px;
    cursor: pointer;
}
/* 尾部信息 */
.footer{
    width:1349px;
    margin:0 auto;
    height: 426px;
    background-image: url(../images/footer-bg.jpg);
    margin-top:74px;
  }
.footer_title{
    width:1150px;
    height:75px;
    border-bottom:1px solid #393939;
    line-height: 74px;
    margin: 0 auto;
  }
.footer_title_left{
    float:left;
  }
.footer_title_left span{
    font-size: 14px;
    color:#fff;
    margin-right:10.2px;
    cursor: pointer;
  }
.footer_title_right{
    float:right;
    color:#7dcfa0;
    font-size:14px;
    height:75px;
    line-height: 76px;
  }
.footer_content{
    width: 1150px;
    height:142.05px;
    margin:0 auto;
    padding:13px 0 20px 0;
    border-bottom:1px solid #393939;
    overflow: hidden;
  }
.footer_content>img{
    width:129px;
    height:129px;
    border-radius: 2px;
    border:5px solid #fff;
    float: right;
}
.footer_content_footer{
    width:1150px;
    margin:0 auto;
    padding-top:23px;
}
.footer_content_footer>div{
    color:#888c8e;
    font-size: 12px;
    line-height: 20px;
}
.footer_content_footer>i{
    width:20px;
    height:20px;
    background-image:url(../images/beian.png);
    display: inline-block;
}
.footer_content_footer>div:nth-child(3){
    width:180px;
    margin-left: 0.5px;
    display: inline-block;
    position: relative;
    top:-5px;
    cursor: pointer;
}
/* 右下方在线咨询 */
.online-aside{
    width: 240px;
    height: 40px;
    background-color: #fff;
    box-shadow: -5px -5px 5px rgba(0,0,0,0.2);
    position: fixed;
    right:38px;
    bottom:0px;
    cursor: pointer;
    z-index: 5;
  }
.online-aside>i{
    width:40px;
    height:40px;
    display: inline-block;
    background-image: url(../images/aside.png);
    background-position: 12px 12px;
    background-repeat: no-repeat;
  }
.online-aside>span{
    color:#333;
    margin-left: -4.5px;
    font-size:14px;
    height:40px;
    position: relative;
    top:-14px;
  }
/* 右侧固定导航 */
.right-nav{
    width: 38px;
    height: 2890px;
    background-color: #fff;
    box-shadow: -3px 0px 5px rgba(0,0,0,0.2);
    position: fixed;
    right:0;
    top:0;
    /* 设置层叠顺序 */
    z-index:1;
}
.right-nav>div{
    width:38px;
    height:38px;
    cursor: pointer;
}
.right-nav .right_nav_like{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px 0px;
    margin-top: 230px;
}
.right-nav .right_nav_like:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px 0px;
}
.right-nav .right_nav_like>div{
    width:72px;
    height:38px;
    line-height: 38px;
    display: none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
}
.right-nav .right_nav_like:hover>div{
    display: block;
}
.right-nav .right_nav_qr{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -224px;
    margin-top: 23px;
}
.right-nav .right_nav_qr:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -224px;
}
.right-nav .right_nav_qr>div{
    width:94px;
    height:114px;
    background-color: #fff;
    padding:8px;
    display: none;
    position: absolute;
    right:38px;
    top:255px;
}
.right-nav .right_nav_qr>div img{
    width:94px;
    height: 94px;
    margin: 0 auto;
}
.right-nav .right_nav_qr>div div{
    padding-top:8px;
    color:#000;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
}
.right-nav .right_nav_qr:hover>div{
    display: block;
}
.right-nav .right_nav_write{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -302px;
    margin-top: 7px;
  }
  .right-nav .right_nav_write:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -302px;
  }
  .right-nav .right_nav_write>div{
    width:53.1333px;
    height:38px;
    line-height: 38px;
    display:none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
  }
.right-nav .right_nav_write:hover>div{
    display: block;
  }
.right-nav .right_nav_top{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: -38px -338px;
    position: fixed;
    bottom: 57px;
}
.right-nav .right_nav_top:hover{
    background-image: url(../images/sidebar_spriteV5.png);
    background-position: 0px -338px;
}
.right-nav .right_nav_top>div{
    width:48px;
    height:38px;
    line-height: 38px;
    display:none;
    padding:0 14px;
    color:#fff;
    background-color: #00ae66;
    font-size: 12px;
    position: absolute;
    right: 38px;
}
.right-nav .right_nav_top:hover>div{
    display: block;
}

























